Ext.onReady(function() {
	var form = Ext.create("Ext.form.Panel", {
		
		title: 'form test',
		//bodyStyle: 'background:#ffc; padding:10px;'
		bodyStyle: 'padding: 4px; align: center;',
		region: 'center',  //设置居中
		frame: true,
		//表单的大小
		width: 500,
		height: 300,
		id: 'myForm',
		renderTo: 'myForm',  //渲染到textarea.html页面的HTML标签
		defaultType: 'textfield',  //默认类型
		//设置文本框 的默认样式类似于css
		defaults: {
			labelSeparator: ': ', //表单的输入框和提示文字的分隔符
			labelWidth: 60,  //左边的文字提示宽度
			width: 200, //文本框的宽度
			allowBlank: false,  //不允许问空
			msgTarget: 'side',  //错误提示信息显示的位置
			labelAlign: 'left'  //对齐方式
		},
		//定义文本框
		items: [{
			fieldLabel: '用户名',
			name: 'userName',
			id: 'userName',
			selectOnFocus: true  //获得焦点时全选
		}, {
			fieldLabel: '密  码',
			name: 'password',
			id: 'password',
			inputType: 'password',  //跟HTML的password作用一样的使得输入的密码显示为圆点
			selectOnFocus: true  //获得焦点时全选
		}],
		buttonAlign: 'center',
		buttons: [
		  { text: '登录' },
		  { text: '重置' }
		]
	});
});